$(function() {
    getCate();
    //获取分类列表
    function getCate() {
        $.ajax(baseUrl + '/categories', {
            success: res => {
                // console.log('分类列表：', res);
                let newHtml = template('categories', { categoriesList: res });
                $('tbody').html(newHtml);
            },
            error: err => {
                console.log('错误信息：', err);
            }
        })
    }

    //添加分类
    $('.add').on('click', () => {
        // console.log($('#name').val(), $('#iconName').val());
        let pre = {
            title: $('#name').val(),
            className: $('#iconName').val()
        };
        $.ajax(baseUrl + '/categories', {
            type: 'post',
            data: pre,
            async: false,
            success: (res) => {
                alert('已添加');
                $('#name').val('');
                $('#iconName').val('');
                getCate();
            },
            Error: (err) => {
                console.log('错误信息：', err);
            }
        });
    })

    //删除--分类
    $('tbody').on('click', '.dele', function() {
        // console.log($(this).attr('key'));
        $.ajax(baseUrl + '/categories/' + $(this).attr('key'), {
            type: 'delete',
            success: res => {
                // console.log('请求成功', res);
                getCate();
                alert('已删除');

            },
            async: false,
            error: err => {
                console.log('错误：', err);
            }
        });
    })




})